<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华北电力大学控制与计算机工程学院</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="hd_index.css">
</head>
<body>
    <!-- 顶部栏 -->
    <header class="top-bar">
        <div class="top-bar-inner">
            <div class="logo-group">
                <img src="https://cce.ncepu.edu.cn/images/logo_02.png" alt="华北电力大学校徽">
                <img src="https://cce.ncepu.edu.cn/images/logo_03.png" alt="控制与计算机工程学院院徽">
            </div>
            <div class="search-box">
                <input type="text" placeholder="search">
                <button class="search-btn">
                    <img src="https://cce.ncepu.edu.cn/images/search_btn.png" alt="搜索图标">
                </button>
            </div>
        </div>
    </header>

    <!-- 导航栏 -->
    <nav class="main-nav">
        <ul class="nav-list">
            <li><a href="#">首页</a></li>
            <li><a href="#">学院概况</a></li>
            <li><a href="#">师资队伍</a></li>
            <li><a href="#">研究生教育</a></li>
            <li><a href="#">本科生教育</a></li>
            <li><a href="#">科学研究</a></li>
            <li><a href="#">党群工作</a></li>
            <li><a href="#">学生工作</a></li>
            <li><a href="#">交流合作</a></li>
            <li><a href="#">下载中心</a></li>
        </ul>
    </nav>

    <!-- 轮播图 -->
    <section class="banner">
        <div class="banner-wrapper">
            <div class="banner-item active">
                <img src="https://cce.ncepu.edu.cn/images/2025-11/643c3efa69a8434ca9695af799e7d3d9.png" alt="宣传横幅">
            </div>
            <div class="banner-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-09/a69d0d94b5854104a4f86e9fe4b73e98.png" alt="宣传横幅">
            </div>
            <div class="banner-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-03/1caa9f4e43334426abee323ed012ca67.png" alt="宣传横幅">
            </div>
            <div class="banner-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-01/db6d55c26cbc44e6ae38bf989d6fc4f4.png" alt="宣传横幅">
            </div>
            <div class="banner-item">
                <img src="https://cce.ncepu.edu.cn/images/2024-02/28d7decd5c8649da957a90bf4ee88493.png" alt="宣传横幅">
            </div>
        </div>
        <button class="banner-arrow banner-arrow-left">&lt;</button>
        <button class="banner-arrow banner-arrow-right">&gt;</button>
        <div class="banner-dots">
            <span class="dot active"></span>
            <span class="dot"></span>
            <span class="dot"></span>
            <span class="dot"></span>
            <span class="dot"></span>
        </div>
    </section>

    <!-- 学院新闻 -->
    <section class="news-section">
        <div class="section-header">
            <h2>学院新闻</h2>
            <a href="hd_news-list.html" class="more-btn">+</a>
        </div>
        <div class="news-list">
            <div class="news-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-10/ead248e683c0492aad0f4c59938d64c3.jpg" alt="新闻图片">
                <p>绿茵逐梦石家庄！华北电力大学电力之光队斩获机器人大赛暨</p>
            </div>
            <div class="news-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-10/90bf3c32f61a464ca899359e103c9e9e.jpg" alt="新闻图片">
                <p>控制与计算机工程学院举办“初心铸魂担使命，能源报国启新</p>
            </div>
            <div class="news-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-10/efe44f1611394a529cc5b4d8e6151f14.JPEG" alt="新闻图片">
                <p>控制与计算机工程学院成功举办“学风共建，E路奋进”活动启</p>
            </div>
            <div class="news-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-10/282febbd31d547bda410291e20ad7b9c.jpg" alt="新闻图片">
                <p>控制与计算机工程学院教职工党支部深入学习贯彻党的二十届四</p>
            </div>
            <div class="news-item">
                <img src="https://cce.ncepu.edu.cn/images/2025-10/039728481b234066a8c1aa39f667c408.png" alt="新闻图片">
                <p>控制与计算机工程学院杨静教授团队在Nature</p>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <p>地址：北京市昌平区北农路2号 | 电话：010-61772568</p>
        <p>© 2025 华北电力大学 控制与计算机工程学院</p>
    </footer>

    <!-- 回到顶部按钮 -->
    <button class="back-to-top">TOP</button>

    <script src="hd_index.js"></script>
</body>
</html>
